<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./CSS/gwc.css">
    <link rel="stylesheet" href="./CSS/new.css">
</head>

<body>
    <section>
        <div class="ca">didi</div>
        <header class="cc">
            <!-- 网站 logo 链接 -->
            <a><img src="./img/logo.jpg" alt="" class="logo"></a>
            <!-- 导航栏 -->
            <ul> 
                <li><a href="index.html">首页</a></li>
                <li><a href="fenlei.html">分类</a></li>
                <li><a href="">我的购物车</a></li>
                <li><a href="#">登录</a></li>
            </ul>
        </header>
        </div> 
    </section>

    <div class="xinxi w">填写并核实订单信息</div>
    <!-- neiron模块 -->
    <div class="neiron w">
        <ul>
            <!-- 个人信息 -->
            <li class="Personal">
                <div class="one">
                    <div class="top">收件人信息</div>
                    <!-- 添加 custom-link 类名 -->
                    <a href="#" class="bottom">新增收货地址</a>
                </div>
                <div class="two">
                    <div class="top2">
                        <span>千手柱间</span>
                        千手柱间 火影忍者木叶村 88888888888
                    </div>>
                </div>
                <div class="three">
                    <span>匹配自提点</span>
                    火之国 木叶村村口
                </div>
            </li>
            <!-- 支付信息 -->
            <li class="payment">
                <div class="top3">支付信息</div>
                <div class="bottom3">
                    <a href="#" class="custom-link">货到付款</a>
                    <a href="#" class="custom-link">微信付款</a>
                    <a href="#" class="custom-link">在线支付</a>
                    <a href="#" >更多</a>
                </div>
            </li>
            <!-- 发货清单 -->
            <li class="manifest">
                <div class="top4">送货清单</div>
                <div class="middle">
                    <div class="top">送货方式</div>
                    <div class="bottom">
                        <span>天天快递</span>
                        <p>配送时间: 预计8月10日(周三)9:00到15:00送到</p>
                        <a href="#" class="style_red">修改</a>
                    </div>
                </div>
                <div class="bottom4">
                    <div class="top">送货方式</div>
                    <div class="bottom">
                        <img src="./img/beijing.jpg" width="100" height="100" alt="">
                        <span>宇智波止水手办 高25厘米 重2.5kg<br>7天无理由退货</span>
                        <span class="jg">
                            <ul>
                                <li class="style_red">$1888</li>
                                <li>x1</li>
                                <li>有货</li>
                            </ul>
                        </span>
                        <a href="#" class="style_red custom-link">修改</a>
                    </div>
                </div>
            </li>
            <!-- 发票信息 -->
            <li class="invoice">
                <div class="top5">发票信息</div>
                <div class="middle2">
                    <ul>
                        <li>普通发票(电子)</li>
                        <li>个人</li>
                        <li>明细</li>
                        <li><a href="#" class="custom-link">修改</a></li>
                    </ul>
                </div>
                <div class="bottom5">
                    <a href="#" class="custom-link">使用优惠/抵用</a>
                </div>
            </li>
        </ul>
    </div>
    <!-- 结算模块 -->
    <div class="settlement w">
        <ul class="o">
            <li>1件商品:总商品金额:</li>
            <li>返现:</li>
            <li>运费:</li>
        </ul>
        <ul class="j">
            <li>$1888.00</li>
            <li>-$0.00</li>
            <li class="style_red">$10.00</li>
        </ul>
    </div>
    <!-- 结算模块2 -->
    <div class="settlement2 w">
        <div class="je">应付金额:<i>$1878</i></div>
        <div class="xx">寄送到:火之国木叶村 收件人: 千手柱间 88888888888</div>
    </div>
    <!-- 提交订单 -->
    <button class="button w">提交订单</button>
</body>

</html>